@import url(layout.css); 
.detail .date_form span.fr em i ,.about_star .txt em.fansnum i{ display:inline-block; width:16px; height:16px; background:url(../images/icon.gif) no-repeat 0 0; float:left; margin-right:5px;}
.about_star span.starbtn i{ background:url(../images/icon20.gif) no-repeat 0 0; display:inline-block; width:20px; height:20px;}
.about_vote h2 i ,.about_comment h2 i{ background:url(../images/icon26.gif) no-repeat 0 0; display:inline-block; width:26px; height:26px; float:left; margin-right:8px;}

.detail h1{ font-size:26px; line-height:30px;}
.detail h2{ font-size:26px; line-height:30px;}
.detail .date_form{ margin-top:20px; height:20px; line-height:20px; text-align:center;}
.detail .date_form span em{ margin:0 15px 0 0; color:#999; float:left;}
.detail .date_form span.fr em{ margin:0 0 0 15px; cursor:pointer;}
.detail .date_form span.fr em i{ margin-top:2px;}
.detail .date_form em.category i{ color:#f69;}
.detail .date_form span.fr em.collect1 i{ background-position:0 -96px;}
.detail .date_form span.fr em.collect2{ color:#ffb502;}
.detail .date_form span.fr em.collect2 i{ background-position:-16px -96px;}
.detail .date_form span.fr em.share i{ background-position:-32px -96px;}

.detail .detail_box{ background:#f1f1f1; padding:20px 40px; line-height:34px; margin:20px 0; font-size:16px; color:#777;}
.detail .detail_main p{ line-height:34px; font-size:16px; margin:5px 0;}

/*相关明星*/
.about_star{ background:#f1f1f1; padding:20px; height:126px;}
.about_star img{ float:left; width:126px; height:126px; border-radius:126px; margin-right:20px;}
/*.about_star .txt{ width:345px; float:left; margin-top:5px;}*/
.about_star .txt{ width:70%; min-width: 345px; float:left; margin-top:5px;}
.about_star .txt strong{ display:block; height:30px; line-height:30px;}
.about_star .txt strong em{ font-size:18px; vertical-align:middle;}
.about_star .txt strong i{ display:inline-block; background:#f69; height:22px; line-height:22px; padding:0 5px; color:#fff; margin-left:5px; font-size:12px; vertical-align:middle;}
.about_star .txt em.fansnum{ margin:10px 0; display:block; font-size:12px; color:#999;}
.about_star .txt em.fansnum i{ background-position:0 0;}
.about_star .txt p{ line-height:20px; height:40px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.about_star span.starbtn{ float:right; width:95px; height:30px; background:#fff; color:#fff; border-radius:3px; margin-top:50px; line-height:30px; cursor:pointer;}
.about_star span.btn1{ background:#ff7f61;}
.about_star span.btn1 i{ background-position:0 0; float:left; margin:6px 5px 0 10px;}
.about_star span.btn2{ background:#fcc82b;}
.about_star span.btn2 i{ background-position:0 -20px; float:left; margin:6px 5px 0 7px;}

.about_vote ,.about_comment{ margin-top:40px;}
.about_vote h2 ,.about_comment h2{ height:26px; line-height:26px; font-weight:normal; font-size:18px;}

/*投票*/
.about_vote{ height:200px;}
.about_vote h2 i{ background-position:0 0;}
.about_vote ul.about_votelist{ text-align:center; margin-top:20px;}
.about_vote ul.about_votelist li{ display:inline-block; width:40px; text-align:center; margin:0 20px; position:relative; height:180px;}
.about_vote ul.about_votelist li em{ margin-top:5px; display:inline; width:40px; height:20px; line-height:20px; overflow:hidden; position:absolute; bottom:0; left:0; cursor:pointer;}
.about_vote ul.about_votelist li span{ display:block; width:40px; margin:0 auto;}
.about_vote ul.about_votelist li span.vote_1{ position:absolute; bottom:26px;}
.about_vote ul.about_votelist li span.vote_1 i{ display:block; color:#999; margin-bottom:5px;}
.about_vote ul.about_votelist li span.vote_2{ background:#eee; width:40px;}
.about_vote ul.about_votelist li.cur span.vote_2{ background:#ffc333;}
.about_vote ul.about_votelist li.cur span.vote_1 i{ color:#ffc333;}
.about_vote .line{ margin-top:-30px;}

/*评论*/
.about_comment h2 i{ background-position:-26px 0;}
.about_comment h2 span{ font-size:14px;}
/*发布评论*/
.add_comment{ margin-top:20px; height:170px;}
.add_comment img ,.about_comment ul.about_commentlist li .com_user img{ float:left; width:62px; height:62px; border-radius:62px; border:1px solid #ddd;}
.add_comment .comment_form{ float:right; width:565px;}
.add_comment .comment_form textarea{ width:543px; height:105px; border:1px solid #ddd; padding:10px; box-shadow:inset 2px 2px 8px rgba(0,0,0,.1); font-size:14px; font-family:"微软雅黑";}
.add_comment .comment_form .login_btn{ margin-top:5px;}
.add_comment .comment_form .login_icon{ float:left;}
.add_comment .comment_form .login_icon a{ height:34px; line-height:34px; border:1px solid #ddd; text-align:center; padding:0 10px; display:inline-block; border-radius:3px; margin-right:5px;}
.add_comment .comment_form .login_icon a i{ background:url(../images/icon_login.gif) no-repeat 0 0; width:24px; height:24px; display:inline-block; float:left; margin:5px 5px 0 0;}
.add_comment .comment_form .login_icon a.login_qq i{ background-position:0 0;}
.add_comment .comment_form .login_icon a.login_wx i{ background-position:-24px 0;}
.add_comment .comment_form .login_icon a.login_sina i{ background-position:-48px 0;}
.add_comment .comment_form input{ float:right; width:96px; height:36px; background:#000; color:#fff; border-radius:3px; font-family:"微软雅黑"; font-size:16px;}

/*全部评论*/
.about_comment ul.about_commentlist li .com_user .com_cz em.zan i ,.about_comment ul.about_commentlist li .com_user .com_cz em.com{ background:url(../images/icon20.gif) no-repeat 0 0; height:20px; width:20px; float:right; display:inline-block;}

.about_comment h3{ font-size:18px; color:#f69; font-weight:normal; height:40px; line-height:40px; border-bottom:1px solid #ddd; margin-top:30px;}
.about_comment ul.about_commentlist li{ border-bottom:1px solid #eee; margin-top:20px; padding-bottom:20px;}
.about_comment ul.about_commentlist li .com_user{ height:62px; position:relative;}
.about_comment ul.about_commentlist li .com_user .com_cz{ position:absolute; right:0; top:5px;}
.about_comment ul.about_commentlist li .com_user .com_cz em{ cursor:pointer;}
.about_comment ul.about_commentlist li .com_user .com_cz em.zan{ line-height:24px; float:left;}
.about_comment ul.about_commentlist li .com_user .com_cz em.zan1{ color:#999;}
.about_comment ul.about_commentlist li .com_user .com_cz em.zan2{ color:#ff7b9a;}
.about_comment ul.about_commentlist li .com_user .com_cz em.zan i{ margin-left:5px;}
.about_comment ul.about_commentlist li .com_user .com_cz em.zan1 i{ background-position:-60px 0;}
.about_comment ul.about_commentlist li .com_user .com_cz em.zan2 i{ background-position:-60px -20px;}
.about_comment ul.about_commentlist li .com_user .com_cz em.com{ background-position:-80px 0; margin-left:15px;}
.about_comment ul.about_commentlist li .com_user img{ margin-right:20px;}
.about_comment ul.about_commentlist li .com_user strong{ font-weight:normal; display:block; font-size:16px; padding-top:10px;}
.about_comment ul.about_commentlist li .com_user span{ color:#999; display:block; margin-top:5px;}
.about_comment ul.about_commentlist li p{ margin:0 0 0 84px;}
.about_comment ul.about_commentlist li .reply{ background:#f8f8f8; border:1px solid #eee; padding:10px; color:#999; margin:10px 0 10px 84px;}
.about_comment ul.about_commentlist li .reply span{ display:block; margin-bottom:10px;}

#layer_share{ position:fixed; width:100%; height:100%; background:rgba(0,0,0,.5); left:0; top:0; z-index:999; display:none;}
#layer_share .share{ background:#fff; left:50%; top:50%; margin-left:-187px; width:360px; padding:0 20px; position:relative; font-size:18px;}
#layer_share .share .share_main{ padding:15px 0;}
#layer_share .share .share_main p{ text-align:center; margin-bottom:10px;}
#layer_share .share .share_main a{ display:inline-block; width:50px; margin:10px; background:url(../images/share_icon.gif) no-repeat 0 0; padding-top:55px; font-size:12px; text-align:center;}
#layer_share .share .share_main a.icon_qq{ background-position:0 0;}
#layer_share .share .share_main a.icon_qqzone{ background-position:-50px 0;}
#layer_share .share .share_main a.icon_wx{ background-position:-100px 0;}
#layer_share .share .share_main a.icon_firends{ background-position:-150px 0;}
#layer_share .share .share_main a.icon_sina{ background-position:-200px 0;}
#layer_share .share em.close{ background:url(../images/icon_close.png) no-repeat 0 0; width:31px; height:31px; display:block; position:absolute; top:10px; right:10px; cursor:pointer;}

.index_main h2{ height:42px; line-height:42px; font-weight:normal;}
.index_main h2 strong{ float:left; font-size:24px; background:#fff; border-left:8px solid #f69; padding:0 15px;}
.index_main h2 strong em{ font-size:30px;}

.index_main .box2 h2{ height:21px; border-bottom:1px solid #ddd;}
.index_main .box2 h2 a.icon_more{ float:right; color:#f69; display:inline-block; background:#fff; padding-left:10px; font-size:16px;}
.index_main .box2 h2 a.icon_more i{ display:inline-block; background:url(../images/starsindex.gif) no-repeat -85px -7px; width:21px; height:15px; float:right; margin-top:13px;}

/*.index_main .box2 .img_list{ margin-top:40px;}*/
/*.index_main .box2 .img_list ul{ width:1040px;}*/
/*.index_main .box2 .img_list ul li{ float:left; width:228px; overflow:hidden; margin:0 30px 30px 0;}*/
/*.index_main .box2 .img_list ul li .img{ position:relative;}*/
/*.index_main .box2 .img_list ul li .img img{ width:228px; height:172px;}*/
/*!*.index_main .box2 .img_list ul li .img em{ background:url(../images/icon_movie.png) no-repeat 0 0; width:50px; height:50px; display:none; position:absolute; left:89px; top:61px;}*!*/
/*.index_main .box2 .img_list li span { height:30px; line-height:30px; overflow:hidden; display:block; padding:0 10px; text-align:center;}*/
/*.index_main .box2 .img_list li a:hover{ color:#f69;}*/
/*.index_main .box2 .img_list li a:hover em{ display:block;}*/

ul.wh_list{ width:106%; margin:30px 0;}
ul.wh_list li{ float:left; width: 181px;height:204px;margin-right: 24px; position:relative;}
ul.wh_list li img{width: 100%;}

ul.wh_list li div{position: absolute;  top: 180px;  left: -4px;  background: url(../images/bg-black-50.png) repeat;  width: 160px;  padding: 10px;  }
ul.wh_list li div a{color:white;}
ul.wh_list li div a:hover{text-decoration:underline; }